<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>商品详情页</title>
  </head>
  <link rel="stylesheet" href="../css/item.css" />
  <body>
    <!-- header 头部 -->
    <div id="header">
      <div class="up-nav clearfix">
        <div class="container">
          <div class="up-left">
            <a href="#">小米商城</a>
            <span class="sep">|</span>

            <a href="#">MIUI</a>
            <span class="sep">|</span>

            <a href="#">IoT</a>
            <span class="sep">|</span>

            <a href="#">云服务</a>
            <span class="sep">|</span>

            <a href="#">天星数科</a>
            <span class="sep">|</span>

            <a href="#">有品</a>
            <span class="sep">|</span>

            <a href="#">小爱开放平台</a> <span class="sep">|</span>

            <a href="#">企业团购</a>
            <span class="sep">|</span>

            <a href="#">资质证照</a>
            <span class="sep">|</span>

            <a href="#">协议规则</a>
            <span class="sep">|</span>

            <a href="#" class="app">
              下载app
              <span class="appcode">
                <img
                  src="../img/appcode.png"
                  alt="小米商城"
                  width="90px"
                  height="90px"
                />
                小米商城APP
              </span>
            </a>
            <span class="sep">|</span>

            <a href="">智能生活</a>
            <span class="sep">|</span>

            <a href="">Select Location</a>
          </div>

          <div class="up-right">
            <a href="../html/goshop.html">
              <i class="iconfont icon-gouwuche"></i>
              <i>购物车</i>
              <i>(0)</i>
            </a>
            <div class="cart-menu"></div>
          </div>

          <div class="up-md">
            <a href="../html/logo.html">登录</a>
            <span class="sep">|</span>
            <a href="../html/logo.html">注册</a>
            <span class="sep">|</span>
            <span class="message">
              <a href="#">消息通知</a>
            </span>
          </div>
        </div>
      </div>

      <div class="dw-nav clearfix">
        <div class="container">
          <div class="dw-left">
            <a href="../html/index.html" class="logo ir"> 小米官网 </a>
          </div>

          <div class="dw-md">
            <ul class="list1 cleaxfix">
              <div class="empty">
                <a href="#" class="link">
                  <span class="text">全部商品分类</span>
                </a>
                <div class="lt-br">
                  <div class="lt-text">
                    <div class="sub">
                      <a href="">手机</a>
                      <i class="iconfont icon-youjiantou right"></i>
                    </div>

                    <div class="sub">
                      <a href="">电视</a>
                      <i class="iconfont icon-youjiantou right"></i>
                    </div>

                    <div class="sub">
                      <a href="">笔记本 平板</a>
                      <i class="iconfont icon-youjiantou right"></i>
                    </div>

                    <div class="sub">
                      <a href="">家电</a>
                      <i class="iconfont icon-youjiantou right"></i>
                    </div>

                    <div class="sub">
                      <a href="">出行 穿戴</a>
                      <i class="iconfont icon-youjiantou right"></i>
                    </div>

                    <div class="sub">
                      <a href="">智能 路由器</a>
                      <i class="iconfont icon-youjiantou right"></i>
                    </div>

                    <div class="sub">
                      <a href="">电源 配件</a>
                      <i class="iconfont icon-youjiantou right"></i>
                    </div>

                    <div class="sub">
                      <a href="">健康儿童</a>
                      <i class="iconfont icon-youjiantou right"></i>
                    </div>

                    <div class="sub">
                      <a href="">耳机 音响</a>
                      <i class="iconfont icon-youjiantou right"></i>
                    </div>

                    <div class="sub">
                      <a href="">生活 箱包</a>
                      <i class="iconfont icon-youjiantou right"></i>
                    </div>
                    <div class="sub-content" style="display: none"></div>
                  </div>
                </div>
              </div>
              <li class="item">
                <a href="#">Xiaomi手机</a>
              </li>

              <li class="item">
                <a href="#">Redmi 红米</a>
              </li>

              <li class="item">
                <a href="#">电视</a>
              </li>

              <li class="item">
                <a href="#">笔记本</a>
              </li>

              <li class="item">
                <a href="#">平板</a>
              </li>

              <li class="item">
                <a href="#">家电</a>
              </li>

              <li class="item">
                <a href="#">路由器</a>
              </li>

              <li class="nl">
                <a href="#">服务</a>
              </li>

              <li class="nl">
                <a href="#">社区</a>
              </li>
              <div class="nav-list"></div>
            </ul>
          </div>

          <div class="dw-right">
            <form action="" class="search">
              <a href="#">
                <input type="text" value="红米" class="search-text" />
              </a>
              <a href="#">
                <input
                  type="text"
                  value="&#xe630;"
                  class="search-btn iconfont"
                />
              </a>
            </form>
          </div>
        </div>
      </div>
    </div>
    <!-- 粘性定位 -->
    <div id="vp">
      <div class="nav-br">
        <div class="container">
          <h2 class="title">CyberDog 仿生四足机器人</h2>
          <div class="nav-rt">
            <a href="#">概述页</a>
            <span class="sep">|</span>
            <a href="#">参数页</a>
            <span class="sep">|</span>
            <a href="#">图集页</a>
            <span class="sep">|</span>
            <a href="#">F码通道</a>
            <span class="sep">|</span>
            <a href="#">咨询客服</a>
            <span class="sep">|</span>
            <a href="#">用户评价</a>
          </div>
        </div>
      </div>
    </div>
    <!-- main主体 -->
    <div id="main">
      <div class="login">
        <div class="container">
          为方便您购买，请提前登录
          <a href="../html/logo.html" class="logo">立即登录</a>
          <a href="#" class="de">×</a>
        </div>
      </div>

      <div class="br">
        <div class="left-img">
          <!-- 图片 -->
          <div class="br-box">
            <div class="img-wp">
              <div>
                <img src="" alt="" />
                <img src="" alt="" />
                <img src="" alt="" />
              </div>

              <span></span>
            </div>
          </div>
        </div>

        <div class="right">
          <h2 class="title">CyberDog 仿生四足机器人</h2>
          <p class="sale">探索让未来更酷</p>
          <p class="company-info">小米自营</p>
          <div class="price-info">
            <span class="price">9999</span>
            <span>元</span>
          </div>
          <div class="line"></div>

          <div class="address-box">
            <div class="product-address">
              <i class="iconfont icon-31dingwei"></i>
              <div class="address-con">
                <div class="up">
                  <div class="address-info">
                    <span>北京</span>
                    <span>北京市</span>
                    <span>海淀区</span>
                    <span>清河街道</span>
                  </div>
                  <a href="#" class="edit">修改</a>
                </div>
                <div class="dw">
                  <span>有现货 </span>
                </div>
              </div>
            </div>
          </div>

          <div class="buy-option">
            <div class="buy-box-child">
              <div class="option-box">
                <div class="tl">选择颜色</div>
                <ul class="clearfix">
                  <li class="active">
                    <a href="#">深灰色</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>

          <div class="selected-list">
            <ul>
              <li class="clearfix">
                <h3 class="title">CyberDog 仿生四足机器人</h3>
                <span> 元</span>
                <span class="price">9999</span>
              </li>
            </ul>
            <div class="total-price">
              <span>总计：</span>
              <span class="price">9999</span>
              <span>元</span>
            </div>
          </div>

          <div class="btn-box">
            <span class="sale-btn">
              <a href="javascript:;" class="btn" id="num">加入购物车</a>
            </span>
            <span class="favorite-btn">
              <a href="avascript:;" class="btn-like">
                <i class="iconfont icon-xihuan"></i>
                喜欢
              </a>
            </span>
          </div>

          <div class="after-sale-info">
            <span>
              <a href="#" class="support">
                <i class="iconfont icon-kongxinduigou"></i>
                <em>小米自营</em>
              </a>
            </span>
            <span>
              <a href="#" class="support">
                <i class="iconfont icon-kongxinduigou"></i>
                <em>小米发货</em>
              </a>
            </span>
            <span>
              <a href="#" class="support">
                <i class="iconfont icon-kongxinduigou"></i>
                <em>7天无理由退货</em>
              </a>
            </span>
            <span>
              <a href="#" class="support">
                <i class="iconfont icon-kongxinduigou"></i>
                <em>运费说明</em>
              </a>
            </span>
            <span>
              <a href="#" class="support">
                <i class="iconfont icon-kongxinduigou"></i>
                <em>企业信息</em>
              </a>
            </span>
            <span>
              <a href="#" class="support">
                <i class="iconfont icon-kongxinduigou"></i>
                <em>售后服务政策</em>
              </a>
            </span>
            <span>
              <a href="#" class="support">
                <i class="iconfont icon-kongxinduigou"></i>
                <em>7天价格保护</em>
              </a>
            </span>
          </div>
        </div>
      </div>

      <div class="product-detail">
        <div class="section">
          <div class="ti container">
            <h3>价格说明</h3>
          </div>
          <div class="img-box" style="height: 189px">
            <img src="../img/state.png" alt="" />
          </div>
        </div>
      </div>
    </div>
    <!-- footer 底部 -->
    <div id="footer">
      <div class="footer-top">
        <div class="container">
          <div class="top">
            <ul class="list-service clearfix">
              <li>
                <a href="">
                  <i class="iconfont icon-weixiu"></i>
                  预约维修服务
                </a>
              </li>

              <li>
                <a href="">
                  <i class="iconfont icon-7tiantuihuanhuo"></i>
                  7天无理由退货
                </a>
              </li>

              <li>
                <a href="">
                  <i class="iconfont icon-15tianwuliyoutuihuo"></i>
                  15天免费换货
                </a>
              </li>

              <li>
                <a href="">
                  <i class="iconfont icon-liwuhuodong"></i>
                  满69包邮
                </a>
              </li>

              <li>
                <a href="">
                  <i class="iconfont icon-31dingwei"></i>
                  520余家售后网点
                </a>
              </li>
            </ul>
          </div>

          <div class="message">
            <dl class="col-links">
              <dt>帮助中心</dt>
              <dd>
                <a href="#">账户管理</a>
              </dd>
              <dd>
                <a href="#">购物指南</a>
              </dd>
              <dd>
                <a href="#">订单操作</a>
              </dd>
            </dl>

            <dl class="col-links">
              <dt>服务支持</dt>
              <dd>
                <a href="#">售后政策</a>
              </dd>
              <dd>
                <a href="#">自主服务</a>
              </dd>
              <dd>
                <a href="#">相关下载</a>
              </dd>
            </dl>

            <dl class="col-links">
              <dt>线下门店</dt>
              <dd>
                <a href="#">小米之家</a>
              </dd>
              <dd>
                <a href="#">服务网点</a>
              </dd>
              <dd>
                <a href="#">授权体验店</a>
              </dd>
            </dl>

            <dl class="col-links">
              <dt>关于小米</dt>
              <dd>
                <a href="#">了解小米</a>
              </dd>
              <dd>
                <a href="#">加入小米</a>
              </dd>
              <dd>
                <a href="#">投资者关系</a>
              </dd>
              <dd>
                <a href="#">企业社会责任</a>
              </dd>
              <dd>
                <a href="#">廉洁举报</a>
              </dd>
            </dl>

            <dl class="col-links">
              <dt>关注我们</dt>
              <dd>
                <a href="#">新浪微博</a>
              </dd>
              <dd>
                <a href="#">官方微信</a>
              </dd>
              <dd>
                <a href="#">联系我们</a>
              </dd>
              <dd>
                <a href="#">公益基金会</a>
              </dd>
            </dl>

            <dl class="col-links">
              <dt>特色服务</dt>
              <dd>
                <a href="#">F码通道</a>
              </dd>
              <dd>
                <a href="#">礼物码</a>
              </dd>
              <dd>
                <a href="#">防伪查询</a>
              </dd>
            </dl>

            <div class="message-right">
              <p class="phone">400-100-5678</p>
              <p>8:00-18:00 (仅收市话费)</p>
              <a href="" class="primary">
                <i class="iconfont icon-xinxi"></i>
                人工客服
              </a>
              <div class="follow">
                关注小米
                <a href="" class="wb" style="display: inline-block">
                  <i class="iconfont icon-weibo"></i>
                </a>
                <a href="" class="wx" style="display: inline-block">
                  <i class="iconfont icon-weixin"></i>
                  <img src="../img/appcode.png" alt="" />
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="footer-init">
        <div class="container">
          <div class="log-ir"></div>
          <div class="info-text">
            <p class="sites">
              <a href="">小米商城</a>
              <span class="sep">|</span>
              <a href="">MIUI</a>
              <span class="sep">|</span>
              <a href="">米家</a>
              <span class="sep">|</span>
              <a href="">米聊</a>
              <span class="sep">|</span>
              <a href="">多看</a>
              <span class="sep">|</span>
              <a href="">游戏</a>
              <span class="sep">|</span>
              <a href="">政企服务</a>
              <span class="sep">|</span>
              <a href="">小米天猫店</a>
              <span class="sep">|</span>
              <a href="">小米集团隐私政策</a>
              <span class="sep">|</span>
              <a href="">小米公司儿童信息保护规则</a>
              <span class="sep">|</span>
              <a href="">小米商城隐私政策</a>
              <span class="sep">|</span>
              <a href="">小米商城用户协议</a>
              <span class="sep">|</span>
              <a href="">问题反馈</a>
              <span class="sep">|</span>
              <a href="">Select Location</a>
            </p>
            <p class="sites">
              <a href="">北京互联网法院法律服务工作站</a>
              <span class="sep">|</span>
              <a href="">中国消费者协会</a>
              <span class="sep">|</span>
              <a href="">北京市消费者协会</a>
            </p>
            <p>
              © mi.com 京ICP证110507号 京ICP备10046444号
              京公网安备11010802020134号
              京网文[2020]0276-042号（京）网械平台备字（2018）第00005号
              互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照
              医疗器械质量公告<br />增值电信业务许可证 网络食品经营备案
              京食药网食备202010048 食品经营许可证<br />违法和不良信息举报电话：171-5104-4404
              知识产权侵权投诉
              本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
            </p>
          </div>
          <div class="info-links">
            <a href="">
              <img src="../img/215.png" alt="" />
            </a>
            <a href="">
              <img src="../img/216.png" alt="" />
            </a>
            <a href="">
              <img src="../img/217.png" alt="" />
            </a>
            <a href="">
              <img src="../img/218.png" alt="" />
            </a>
            <a href="">
              <img src="../img/219.png" alt="" />
            </a>
          </div>
        </div>

        <div class="slogan">探索黑科技，小米为发烧而生</div>
      </div>
    </div>
    <!--fix-box 侧边导航栏-->
    <div class="fix-box">
      <a href="">
        <i class="iconfont icon-shouji"></i>
        手机APP
        <div>
          <img src="../img/appcode.png" alt="" />
          <span>扫码领取新人百元礼包</span>
        </div>
      </a>

      <a href="">
        <i class="iconfont icon-gerenzhongxin"></i>
        个人中心
      </a>

      <a href="">
        <i class="iconfont icon-weixiu"></i>
        售后服务
      </a>

      <a href="">
        <i class="iconfont icon-kefu"></i>
        人工客服
      </a>

      <a href=""> <i class="iconfont icon-gouwuche"></i>购物车 </a>

      <a href="" class="backtop" style="display: none">
        <i class="iconfont icon-31huidaodingbu"></i>
        回顶部
      </a>
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="../js/lib/cookie.js"></script>
    <script src="../js/index.js"></script>
    <script src="../js/item.js"></script>
  </body>
</html>
